
<body style="overflow: hidden">
<script>

<!-- Tab -->
  $(function() {
	$("select").select2();
    	$( "#tabsyv" ).tabs();
  });
  
<!-- Effect -->

 $(function() {
    // run the currently selected effect
    function runEffect(el) {
      // get effect type from
	  var options = {};
     /* 
      var selectedEffect = $( ".effectTypes" ).val();
 	
      // most effect types need no options passed by default
      
      // some effects have required parameters
      if ( selectedEffect === "scale" ) {
        options = { percent: 0 };
      } else if ( selectedEffect === "transfer" ) {
        options = { to: ".effecttoggleyv", className: "ui-effects-transfer" };
      } else if ( selectedEffect === "size" ) {
        options = { to: { width: 200, height: 60 } };
      }
      
     */
	
	    // run the effect
      el.effect( "", options, 300);
    };
 
    // callback function to bring a hidden box back
    function callback() {
      setTimeout(function() {
        $( ".effectyv" ).removeAttr( "style" ).hide().fadeIn();
      }, 100 );
    };
 
    // set effect from select menu value
    $( ".effecttoggleyv" ).click(function() {
      var href = $(this).attr("href");
	  var el = $(href);
	  runEffect(el);
      return false;
    });
  });
  
</script>
<script type="text/javascript" src="<?php echo base_url('skin/js/globestore.js'); ?>"></script>	
<div class="fbcont">

	<div class="bannersaktofb"></div>
	<div id="phoneGalleryfbnobg">

		<div class="width791c padding20 alignCenter textBlue z5 fontLight">
			<a href="<?php  echo site_url('welcome'); ?>" class="block posabsofb fontBold textBlue textdecounderfb textdecounderrev font12fb">Home</a> 
        </div>

	    <div class="wizard marg20topfb margbot15yv">
			<a href="<?php  echo site_url('gallery'); ?>" class="">
			<span class="wiz1"></span>
				 <p class="font15mtop10fb wiz1to4wcustom">Pick a gadget</p>
			</a>
			<a href="<?php  echo site_url('promo'); ?>" class="">
			 <span class="wiz2"></span>
				 <p class="font15mtop10fb wiz1to4wcustom">Choose your promo</p>
			</a>
			<a href="<?php  echo site_url('prepaid'); ?>" class="">
			 <span class="wiz3"></span>
				 <p class="font15mtop10fb wiz1to4wcustom">Enter your mobile number</p>
			</a>
			<a href="<?php  echo site_url('userprofile'); ?>" class="">
			 <span class="wiz4"></span>
			 	<p class="font15mtop10fb wiz1to4wcustom">Complete your profile</p>
			</a>
			<a href="<?php  echo site_url('globestore'); ?>" class="width100">
			 <span class="wiz5"></span>
				 <p class="font15mtop10fb wiz5wcustom">Select your preferred Globe Store branch for handset pickup	</p>
			</a>
		</div>	

		<div class="width791c comparesfb">

			<div class="deviceInfosIns floatLeft">
				<div class="deviceBox active">
					<p><b>Gadget:</b></p>
					<p><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?> - <?php if(isset($_COOKIE['fb_price'])) echo $_COOKIE['fb_price']; ?></p>
				</div>
							 
				<div class="promoBox active">
					<p><b>Promo:</b></p>
					<p><?php if(isset($_COOKIE['fb_promo'])) echo $_COOKIE['fb_promo']; ?></p>
				</div>
									
				<div class="commitmentBox active">
					<p><b>Registration Period <br> and Savings:</b></p>
					<p><?php if(isset($_COOKIE['fb_commitmentBox'])) echo $_COOKIE['fb_commitmentBox']; ?></p>
				</div>
									
				<div class="prepaidBox active">
					<p><b>Mobile Number:</b></p>
					<p><?php if(isset($_COOKIE['fb_mobtel'])) echo $_COOKIE['fb_mobtel']; ?></p>
				</div>
									
				<div class="profileBox active">
					<p><b>Profile:</b><p>
					<p><span id="name"><?php if(isset($_COOKIE['fb_username'])) echo $_COOKIE['fb_username']; ?></span></p>
					<p>Email Address:<br><span id="email"><?php if(isset($_COOKIE['fb_eadd'])) echo $_COOKIE['fb_eadd']; ?></span></p>
					<p>Date of Birth:<br><span id="dob"><?php if(isset($_COOKIE['fb_bday'])) echo $_COOKIE['fb_bday']; ?></span></p>
					<p>Home Address:<br><span id="add" ><?php if(isset($_COOKIE['fb_address'])) echo $_COOKIE['fb_address']; ?></span>
					<!--  temporary city values for globestore map  -->
					
					<span id="city" class="hiding"><?php  if(isset($_COOKIE['fb_town'])) echo $_COOKIE['fb_town'];  ?> </span> 
					<span id="area" class="hiding"> <?php if(isset($_COOKIE['fb_area'])) echo $_COOKIE['fb_area'];  ?> </span>
					<span id="province" class="hiding"> <?php if(isset($_COOKIE['fb_province'])) echo $_COOKIE['fb_province']; ?> </span>
					</p>
				</div>
									
				<div class="storeBox">
					<p><b>Globe Store Branch:</b></p>
					<p id="globestore">None</p>
				</div>   
			</div>
					
					
			<div class="devicegalfbcont">
                
				<div>
					<!-- Store title -->
					<p class="header30 marg0topfb">Store information</p>

					<p class="text16 floatLeft marg0">Choose a Globe Store branch where you can pick up your gadget.</p>
					<div class="clear"></div>
					 
					<!-- Buttons -->
					<div class="storeinfobuttcontyv  margtopyv30 ">
						<a href="#." id="btn_NearBr" class="buttonBlue storeinfobuttcontyv floatLeft margright15yv">Select a branch near you</a>
						<a href="#." id="btn_PrefBr" class="buttonBlue storeinfobuttcontyv floatLeft">Select your preferred branch</a>
						<div class="clear"></div>
					</div>  
				</div>
					
				<div class=" storeinfoparticipatingyvhider">
					<!-- Store title -->
					<p class="text14reg margtopyv30 margbot10yv"><b>Note:</b> Gadgets can be claimed at participating stores only.</p>
					<div class="clear"></div>

					<div class="storeinfobranchlocontyv">
						<a class="storeinfobranchlocyv marg7allyv" href="#.">Metro Manila</a>
						<a class="storeinfobranchlocyv marg7allyv" href="#.">North Luzon</a>
						<a class="storeinfobranchlocyv marg7allyv" href="#.">Central Luzon</a>
					<br>
						<a class="storeinfobranchlocyv marg7allyv" href="#.">South Luzon</a>
						<a class="storeinfobranchlocyv marg7allyv" href="#.">Visayas</a>
						<a class="storeinfobranchlocyv marg7allyv" href="#.">Mindanao</a>
					</div>
					<div class="clear"></div>
				</div>
					  
					<!-- Map Holder -->
				<div id="StoreGmap" class="storeinfogmapcontyv margtopyv45 storeinfogmapcontyvhider">
					<div class="storeinfogmapholdyv" id="nearmap"></div>
				</div>
					
				<div id="ListofBrtxt">
					<p class="font24yv margbot15yv margtopyv45 storeinfogmapcontlistyvhider">Select a Globe Store branch near you.</p>
				</div>

				<!-- Store Infoholder-->
				<div id="SelectedBr" class="storeinfoliststoreinfoyv storeinfoliststoreinfoyvhider margtopyv30">
					<p class="font24yv marg0yv color282828"><b id="selectedstorename"></b></p>
					<p class="text14reg marg10yv" id="selectedstoreaddress"></p>
					<p class="text14reg marg0yv" id="selectedstorehourslabel"><b>Store hours:</b></p>
					<p class="text14reg marg0yv" id="selectedstorehours"></p>
				</div>
					
				<!-- Buttons -->
				<div id="SummaryBtn" class="storeinfobuttcont2yv storeinfoliststoreinfoyvhider  margtopyv70 alignCenter">
					<a href="<?php echo base_url('index.php/summary'); ?>" id="btn_OrderSumm" class="buttonBlue storeinfoviewordersumyv"><span class="posRel">View order summary</a>
					<div class="clear"></div>
				</div>
				
				<!-- Location Tabs-->
				<div id="ListofBr" class="storeinfogmapcontlistyvhider">
					<div id="tabsyv">
						<div class="floatRight">
							<ul class="thefiltererar"></ul>
						</div>
						  
						<div class="clear"></div>
							
						<div class="marg20topbotyv" id="storescontentlist"></div>
						
						<div class="floatRight">
								<ul class="thefiltererar"></ul>
						</div>
					</div>
				</div>  
				<div class="clear"></div>
				<div class="marbot100yv"></div>    
       
			</div>				
					
			<div class="clear"></div>	
		</div>
	</div>
</div>
